<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>ITSM后台管理系统</title>
</head>
<body>
    <ul class="fuwuheader">    
        <li>
            <div id="jindu1"></div>
            <p>监控镜头在线率</p>
        </li>
        <li>
            <div id="jindu2"></div>
                <p>智能机箱在线率</p>
            </li>
            <li>
                <div id="jindu3"></div>
                    <p>图像完好率</p>
                </li>
                <li>
                    <div id="jindu4"></div>
                        <p>数据合格率</p>
                    </li>

    </ul>
    <div id="fuwucontentmax">
        <div class="fuwucontent">
            <!-- <div class="contentleft">
                <span>待<br>处<br>理<br>告<br>警</span>
               
            </div> -->
            <div class="contentright">
            <!-- table form-->
            <form action="" class="formbox">
            <div class="tabletop">
                <p class="tabtoptitle"> 查看已处置告警项</p>
                <div>
                    <p>开始时间：</p>
                    <select name="" id="time time1">
                        <option value="">2018-10-16</option>
                    </select>
                    <p>结束时间：</p>
                    <select name="" id="time time2">
                        <option value="">2018-10-16</option>
                        
                        </select>
                        <a href="">查询</a>
                        <a href="">处置选中告警项</a>
                </div>
            </div>
            <div class="tabdivbox">
            
            <table class="formtable" width="100%"border-collapse="collapse" cellpadding="0" cellspacing="0">
                <tr>
                    <td><input type="checkbox"></td>
                    <td><select name="" id=""><option value="">区县</option></select></td>
                    <td><select name="" id=""><option value="">名称</option></select></td>
                    <td><select name="" id=""><option value="">网络地址</option></select></td>
                    <td><select name="" id=""><option value="">告警时间</option></select></td>
                    <td><select name="" id=""><option value="">资产小类</option></select></td>
                    <td><select name="" id=""><option value="">告警类型</option></select></td>
                    <td><span>当前状态</span></td>
                    <td><select name="" id=""><option value="">告警信息</option><option value="">告警信息1</option></select></td>
                    <td><span>处置信息</span></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td><span>杭州</span></td>
                    <td><span>龙凤大道将军府湖南路207号111111111111</span></td>
                    <td><span>50.33.57.27</span></td>
                    <td><span>07/27 15:42:34</span></td>
                    <td><span>智能祥</span></td>
                    <td><span>自动告警</span></td>
                    <td><img src="" alt=""><span>离线</span></td>
                    <td><span>自动告警(河西区合肥路207号富力中心A座2208)凄凄切切群群群群群群群</span></td>
                    <td><span>已创建工单</span></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td><span>杭州</span></td>
                    <td><span>龙凤大道将军府湖南路207号</span></td>
                    <td><span>50.33.57.27</span></td>
                    <td><span>07/27 15:42:34</span></td>
                    <td><span>智能祥</span></td>
                    <td><span>自动告警</span></td>
                    <td><img src="" alt=""><span>离线</span></td>
                    <td><span>自动告警(河西区合肥路207号富力中心A座2208)</span></td>
                    <td><span>已创建工单</span></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td><span>杭州</span></td>
                    <td><span>龙凤大道将军府湖南路207号</span></td>
                    <td><span>50.33.57.27</span></td>
                    <td><span>07/27 15:42:34</span></td>
                    <td><span>智能祥</span></td>
                    <td><span>自动告警</span></td>
                    <td><img src="" alt=""><span>离线</span></td>
                    <td><span>自动告警(河西区合肥路207号富力中心A座2208)</span></td>
                    <td><span>已创建工单</span></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td><span>杭州</span></td>
                    <td><span>龙凤大道将军府湖南路207号</span></td>
                    <td><span>50.33.57.27</span></td>
                    <td><span>07/27 15:42:34</span></td>
                    <td><span>智能祥</span></td>
                    <td><span>自动告警</span></td>
                    <td><img src="" alt=""><span>离线</span></td>
                    <td><span>自动告警(河西区合肥路207号富力中心A座2208)</span></td>
                    <td><span>已创建工单</span></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td><span>杭州</span></td>
                    <td><span>龙凤大道将军府湖南路207号</span></td>
                    <td><span>50.33.57.27</span></td>
                    <td><span>07/27 15:42:34</span></td>
                    <td><span>智能祥</span></td>
                    <td><span>自动告警</span></td>
                    <td><img src="" alt=""><span>离线</span></td>
                    <td><span>自动告警(河西区合肥路207号富力中心A座2208)</span></td>
                    <td><span>已创建工单</span></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td><span>杭州</span></td>
                    <td><span>龙凤大道将军府湖南路207号</span></td>
                    <td><span>50.33.57.27</span></td>
                    <td><span>07/27 15:42:34</span></td>
                    <td><span>智能祥</span></td>
                    <td><span>自动告警</span></td>
                    <td><img src="" alt=""><span>离线</span></td>
                    <td><span>自动告警(河西区合肥路207号富力中心A座2208)</span></td>
                    <td><span>已创建工单</span></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td><span>杭州</span></td>
                    <td><span>龙凤大道将军府湖南路207号</span></td>
                    <td><span>50.33.57.27</span></td>
                    <td><span>07/27 15:42:34</span></td>
                    <td><span>智能祥</span></td>
                    <td><span>自动告警</span></td>
                    <td><img src="" alt=""><span>离线</span></td>
                    <td><span>自动告警(河西区合肥路207号富力中心A座2208)</span></td>
                    <td><span>已创建工单</span></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td><span>杭州</span></td>
                    <td><span>龙凤大道将军府湖南路207号</span></td>
                    <td><span>50.33.57.27</span></td>
                    <td><span>07/27 15:42:34</span></td>
                    <td><span>智能祥</span></td>
                    <td><span>自动告警</span></td>
                    <td><img src="" alt=""><span>离线</span></td>
                    <td><span>自动告警(河西区合肥路207号富力中心A座2208)</span></td>
                    <td><span>已创建工单</span></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td><span>杭州</span></td>
                    <td><span>龙凤大道将军府湖南路207号</span></td>
                    <td><span>50.33.57.27</span></td>
                    <td><span>07/27 15:42:34</span></td>
                    <td><span>智能祥</span></td>
                    <td><span>自动告警</span></td>
                    <td><img src="" alt=""><span>离线</span></td>
                    <td><span>自动告警(河西区合肥路207号富力中心A座2208)</span></td>
                    <td><span>已创建工单</span></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td><span>杭州</span></td>
                    <td><span>龙凤大道将军府湖南路207号</span></td>
                    <td><span>50.33.57.27</span></td>
                    <td><span>07/27 15:42:34</span></td>
                    <td><span>智能祥</span></td>
                    <td><span>自动告警</span></td>
                    <td><img src="" alt=""><span>离线</span></td>
                    <td><span>自动告警(河西区合肥路207号富力中心A座2208)</span></td>
                    <td><span>已创建工单</span></td>
                </tr>
                                              
            </table>
        </div>
          
            
        </form> 
        <div class="tabbottom">
                <dl>
                    <dt>第 1 / 4 页（40项）</dt>
                    <dd>
                        <a href="">&lt;&lt;</a>
                        <a href="">&lt;</a>
                        <a href="">1</a>
                        <a href="">2</a>
                        <a href="">3</a>
                        <a href="">4</a>
                        <a href="">&gt;</a>
                        <a href="">&gt;&gt;</a>
                        <a href="">...</a>
                    </dd>
                </dl>
                <dl>
                    <dt>页尺寸：</dt>
                    <dd>
                     <select name="" id="">
                            <option value="">10</option>
                        </select>
                    </dd>   
                </dl>
            </div>
        </div>
        </div>

        <!-- content -->
        <div class="content">
                <!-- <div class="contentleft">
                    <span>待<br>处<br>理<br>工<br>单</span>
                    
                </div> -->
                <div class="contentright">
                <!-- table form-->
                <form action="" class="formbox">
                <div class="tabletop">
                    <p class="tabtoptitle tabtoptitle2"> 
                        <button>维修处置</button>
                        <button>委派</button>
                        <button>接单</button>
                        <button>申请延期</button>
                    </p>
                    <div class="tabtopdiv2">
                            <button>显示处理详情</button>
                            <button>更新状态</button>
                    </div>
                </div>
                <div class="tabdivbox">
                        <input type="text" placeholder="输入文本 搜索.." id="sousuo">
                <table class="formtable" width="100%"border-collapse="collapse" cellpadding="0" cellspacing="0">
                    <tr>
                        <td>#</td>
                        <td><span>状态</span></td>
                        <td><span>流程操作</span></td>
                        <td><span>工单标题</span></td>
                        <td><span>资产设备名称</span></td>
                        <td><span>设备状态</span></td>
                        <td><span>经办人员</span></td>
                        <td><span>指派接单</span></td>
                        <td><span>故障</span></td>
                        <td><span>处置时间</span></td>
                        <td><span>剩余时间</span></td>
                    </tr>
                    <tr>
                            <td><span>没有数据</span></td>
                        
                    </tr>
                                           
                </table>
            </div>
              
                
            </form> 
            <div class="tabbottom">
                    <dl>
                        <dt>没有分页的数据</dt>
                        <dd>
                            <a href="">&lt;&lt;</a>
                            <a href="">&lt;</a>
                            <a href="">1</a>
                            <a href="">2</a>
                            <a href="">3</a>
                            <a href="">4</a>
                            <a href="">&gt;</a>
                            <a href="">&gt;&gt;</a>
                            <a href="">...</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>页尺寸：</dt>
                        <dd>
                         <select name="" id="">
                                <option value="">10</option>
                            </select>
                        </dd>   
                    </dl>
                </div>
            </div>
            </div>
    </div> <!-- id end -->  

<script>
    $(function(){
        // $(".contentleft").each(function(i,v){
        //     $(v).height($(v).next(".contentright").height())
        // })
    })
</script>